<template>
  <div class="main">
    <div class="change"></div>
    <div class="tip">社保卡办卡进度</div>
    <!--<div class="applier">申请人：{{data.aac003}}</div>-->
    <div class="content">
      <ul>
        <li>申请人：{{data.aac003}}</li>
        <li>身份证号：{{data.aac002}}</li>
        <li>卡状态：{{data.zkzt}}</li>
      </ul>
    </div>
   </div>
</template>

<script>
  export default {
    data () {
      return {
        data: {},
      }
    },
    methods:{
      //获取社保信息
      getData(){
        this.$http.post("transmit",{
          "access_token":this.utils.getToken(),
          "transmitUrl": "/ssCardMgr/cardProgressQuery",
          "method": "get",
          "objectId": "d97535b0bec44b93bf9ada77d7a9f83b",
          "objectType": "1"
        }).then(res => {
          console.log(res)
          if (res.success) {
            this.data = res.body;
          }
        });
      },
    },
    created () {
      this.getData();
    },
  }
</script>

<style  lang="less" scoped>
  .main{text-align:center;position:absolute;width:100%;min-height:100%;background:url("../../assets/images/icon/bg_schedule.png") no-repeat center;background-size:100% 100%;}
 .content{background: #ffffff;width: 82%;margin: 0.2rem auto;border-radius: 5px;padding: 0.1rem 0;}
 .change{width: 43px;height: 43px;background: #ffffff url("../../assets/images/social/icon-appliction.png") no-repeat center;
   background-size: 22px; margin: 32px auto 0 auto;border-radius: 50%;border:#5e97e3 solid 3px;}
 .tip{font-size: 19px;color: #F7E90E;text-shadow: 0 1px 2px rgba(0,0,0,0.50);margin-top: 11px;}
  .applier{font-size: 14px;margin-top: 10px;}
  li{line-height: 0.45rem;text-align: left;margin-left: 10%;}
</style>
